<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户信息界面</title>
    <link rel="stylesheet" th:href="@{../css/login.css}" href="../css/hhh.css">
</head>
<body>
<form enctype="multipart/form-data" action="/upload"  method="post" >
    <input style="position: absolute; top: 30px;left: 150px" type="file" name="file"/>
    <input style="position: relative; top: 70px;left: 150px" type="submit"value="提交">
<div  class="g1" style="position: absolute;top:150px">

<div  style="width:100px; height:100px; border-radius:50%; overflow:hidden;position: relative;top: 30px;left: 50px;">
    <img  style="width: 100px;height: 100px" src="../image/ppp.jpg">

</div>

    <br>
    <h3 align="center">Aiden</h3>
</div>
</form>
<div style="position: absolute;top: 370px;left: 160px;color: blue;background: aquamarine;width: 200px;height: 25px;text-align: center">用户信息Setting</div>

<div style="position: absolute;top:100px;left: 500px;width: 800px;height: 500px">
    <div style="position:relative;left:700px;top: 75px"><button>编辑</button>
    <button>保存</button>
    </div>
    <span class="sppp">用户信息</span>
    <hr align="left" style=" width:auto; height:1px;border-top:1px dashed #0066CC;">
    <div style="width: 200px;position: absolute;top: 70px;">用户名:  Aiden</div>
    <div style="position: absolute; top: 70px;left: 500px;">邮箱地址</div>
    <div style="position: absolute;top:140px">姓：  朱</div>
    <div style="position: absolute;top:140px;left: 500px">名：  展毅</div>
    <span class="sppp"style="position: relative;top: 150px">绑定信息</span>

    <hr align="left" style=" width:auto; height:1px;border-top:1px dashed #0066CC;position: relative;top: 160px">
    <div style="position:relative;left:700px;top: 160px"><button>编辑</button>
        <button>保存</button>
    </div>
    <div style="position: absolute; top: 280px;left: 0px;">手机号</div>
    <div style="position: absolute; top: 280px;left: 500px;">微信</div>
    <div style="position: absolute; top: 380px;left: 0px;">QQ</div>
</div>
</body>
</html>